<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>果瓣欢迎您！</title>
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
    <script src="js/common.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
                        <!-- 导航栏开始 -->
   <div class="nav_all">
	   	<div class="nav">
	   	   <ul>
		   		<span>您好 欢迎来到果瓣！</span>
		   	   	<li>请<a href="login-index.html">登录</a></li>
		   	   	<li><a href="register.html">免费注册</a></li>
	   	   </ul>
	   	   <ol>
		   	   	<span><a href="#">关于我们</a></span>
		   	   	<li>|</li>
		   	   	<li><a href="#">个人中心</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="#">我的进货单</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="index.html">首页</a></li>
	   	   </ol>
	   	</div>
   </div><!-- 导航栏结束 -->
                    <!-- 顶部开始开始 -->
   <div class="top_all">
	   	<div class="top">
	   		<a href="#"><img src="img/top_logo.png"></a>
	   		<div class="top_land">
	   			<span>登陆</span>
	   		</div>
	   	</div>
   </div><!-- 顶部结束 -->
		<!-- 主体部分开始 -->
   <div class="main">
	   	<form name="loginform">
	   		<div class="login_window">
	   			<ul>
	   				<li>
	   					<span class="li-header">
	   						<span class="must-flag">*</span>
	   						<span>手机号码：</span>
	   					</span>
	   					   <input type="text" id="phone-number" maxlength="11"/>
	   				</li>
	   				
	   				<li class="validation-tip">
	   					<span id="phone-tip">
	   						<img src="img/remind.png"/>
	   						<span> 请输入正确手机号码</span>
	   					</span>
	   				</li>
	   				
	   				
	   				<li>
	   					<span class="li-header">
	   						<span class="must-flag">*</span>
	   						<span>密码：</span></span>
	   						<input type="password" id="login-password" maxlength="22" />
	   				</li>
	   				<a href="index.html">
	   					<li>
	   						
	   						<div id="submit-login">登录</div>
	   					</li>
	   				</a>
	   				<li>
	   					<span class="li-header"></span>
	   					<span class="left-register">还是不是会员？<a href="register.html">免费注册</a></span>
	   					<span class=" forget-password">
	   						<a href="change_password.html">忘记密码</a>
	   					</span>
	   				</li>
	   			</ul>
	   		</div>
	   	</form>	
   </div>
   <!--服务块内容-->
	<div class="serve_bar">
		<div class="serve">
			<!--服务选项内容-->
			<div class="service">
				<ul class="service_list">
					<li class="service_item">
						<span><img src="img/certification.png" alt="" /></span>
						<a href="#">实名认证</a>
						<p>真实身份，更有保障</p>
					</li>
					<li class="service_item">
						<span><img src="img/gold.png" alt="" /></span>
						<a href="#">金牌供应商</a>
						<p>优质货源，更值得信赖</p>
					</li>
					<li class="service_item">
						<span><img src="img/link.png" alt="" /></span>
						<a href="#">专业匹配供应</a>
						<p>免费帮你找到最好的货源</p>
					</li>
					<li class="service_item">
						<span><img src="img/focus.png" alt="" /></span>
						<a href="#">专注尾货供应链</a>
						<p>成本和效率的最佳解决方案</p>
					</li>
				</ul>
			</div>
			<!--帮助流程样式-->
			<div class="help">
				<!--底部Logo-->
				<div class="help_logo">
					<a href="#"><img src="img/logo2.png" alt="" /></a>
					<h2>果瓣</h2>
					<p>专注快消尾货供应</p>
				</div>
				<!--帮助列表-->
				<div class="help_list">
					<dl>
						<dt>
							<span>新手入门</span>
						</dt>
						<dd>
							<a href="#">注册登录</a>
							<a href="#">实名认证</a>
							<a href="#">用户协议</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>帮助中心</span>
						</dt>
						<dd>
							<a href="#">常见问题</a>
							<a href="#">支付方式</a>
							<a href="#">违规处罚</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>招商合作</span>
						</dt>
						<dd>
							<a href="#">关于我们</a>
							<a href="#">供货商招募</a>
							<a href="#">联系我们</a>
						</dd>
					</dl>
				</div>
				<!--联系方式-->
				<div class="relation">
					<span>客服热线： 400-1234-5678</span>
					<span>合作邮箱： ABC@saohuo7.com</span>
				</div>
			</div>
		</div>
	</div>
	<!--页面底部内容-->
	<div class="footer_bar">
		<div class="footer">
			Copyright @ 2017 saohuo7.com .All Rights Reserved 扫货版权所有  <a href="http://www.miitbeian.gov.cn/" class="footer_num">沪ICP14045987号</a>
		</div>
	</div>
	<!-- 底部结束 -->
</body>
</html>